.clearFix::after {
  content: '';
  display: block;
  clear: both;
}

/* 步骤条 */
.order_wrap {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}

/* .order_wrap .order_type {
  display: none;
}

.order_wrap .type_isShow {
  display: block;
} */

.order_wrap .el-steps {
  width: 84%;
}

.order_wrap .el-steps .el-step__title {
  text-align: center;
}

/* 输入框 */
/* .order_wrap .el-input {
  width: 200px;
  margin: 0px 10px;
}

.order_wrap .per_num {
  float: left;
} */



/* 餐桌 */
.order_wrap .table {
  overflow: hidden;
  padding-left: 50px;
  background-color: #eee;
}

.order_wrap .table .table_list {
  float: left;
  margin: 30px;
  width: 145px;
  height: 145px;
  background-color: #fff;
  border-radius: 5px 5px;
}

.order_wrap .table .table_list .is_active .table_num {
  background-color: #f40;
  color: #fff;
}

.order_wrap .table .table_list .table_num {
  height: 30px;
  line-height: 30px;
  background-color: #3485FB;
  color: #fff;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}

.order_wrap .table .table_list p {
  font-size: small;
  font-weight: bold;
}

.order_wrap .table .table_list button {
  width: 100px;
  height: 30px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 5px;
  color: #3485FB;
  cursor: pointer;
}

.order_wrap .table .table_list button:hover {
  background-color: #3485FB;
  color: #fff;
}


/* 开始点餐 */
.orderFood .dinner_num {
  margin: 50px 0px;
  float: left;
}

.orderFood .dinner_num .el-input {
  width: 200px;
}

.orderFood .dinner_num .el-button {
  margin: 0px 20px;
}

.orderFood .menuList {
  clear: both;
}

.orderFood .menuList .img img {
  width: 150px;
  height: 80px;
}

.orderFood .menuList .menu {
  float: left;
}